<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no" />
  <title>滚动轮播</title>
  <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
  <link rel="stylesheet" href="./css/icons.css" type="text/css" />
  <link rel="stylesheet" href="./css/common.css" type="text/css" />
  <link rel="stylesheet" href="./css/loop.css" />
  <script src="./js/jquery-3.6.1.min.js"></script>
  <script src="./js/loop.js"></script>
</head>

<body>
  <div class="box">
    <div class="loop-box">
      <div class="iconfont icon-zuojiantou"></div>
      <div class="loop-container">
        <ul class="loop">
          <li><a href="#"><img src="./img/8.jpg" alt=""></a></li>
          <li><a href="#"><img src="./img/1.jpg" alt=""></a></li>
          <li><a href="#"><img src="./img/2.jpg" alt=""></a></li>
          <li><a href="#"><img src="./img/3.jpg" alt=""></a></li>
          <li><a href="#"><img src="./img/4.jpg" alt=""></a></li>
          <li><a href="#"><img src="./img/5.jpg" alt=""></a></li>
          <li><a href="#"><img src="./img/6.jpg" alt=""></a></li>
          <li><a href="#"><img src="./img/7.jpg" alt=""></a></li>
        </ul>
      </div>
      <div class="iconfont icon-youjiantou"></div>
    </div>
  </div>
</body>

</html>